學習指南是設計給那些喜歡從做中學的人們。如果你比較喜歡從零開始學習概念的話，請參考逐步教學。你可能會發現指南和教學課程其實是相輔相成的。

• 從學習指南學習，改寫空白的圈圈叉叉遊戲格 - 使用 Hook
• 致謝
• 完賽感言

從學習指南學習

在一開始想寫一個系列的時候，那時候對生命週期也不是很了解，拼拼湊湊也寫出一個能玩的圈圈叉叉。後來覺得還是需要有順序的打好基礎。整個系列學完又回去改寫一些命名跟移除不必要的程式碼。以下成果截圖。

Github 完整程式碼

致謝

感謝我最給力的同事跟主管大大! 無論是工作上的 Cover 還是一起努力寫鐵人文!
另外也感謝提供 React 學習上意見的前輩朋友們!

延伸閱讀：
前端黑洞計畫 (一) : 讓 Vite 來開啟你的Vue
三十天成為D3.js v7 好手
在新世代裡復活吧！我的童年懷舊遊戲機們！

完賽感言

這個系列是刪簡過很多想法之後結果。因為 React 的學習資源很多，範圍也很廣。加上並存的 Class component 跟 Hook 讓人覺得像是雙頭馬車不知道往哪個方向好，最後決定按部就班把文件一步一步讀過，走過一次再來決定自己喜歡的寫法。

不敢相信我在鐵人賽選擇了一個新的技術學習，其中還找房子然後成功搬家。除了學到技術，也多了更多的見識。這30天的學習紀錄可以做以後對於 React 文件閱讀理解的複習跟學習延伸技術的參考，還有很多不足的地方就後面繼續努力! 鐵人賽終有時，而學無止盡。

以上今天。

參考資料：
https://zh-hant.reactjs.org/tutorial/tutorial.html